
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="last sunday personal blog theme">
    <meta name="keywords" content="bootstrap, responsive, blog, portfolio, personal blog, masonry, isotope">
    <meta name="author" content="templateninja">
    <link rel="shortcut icon" href="img/favicon.png">

    <title>Last Sunday</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/magnific-popup.css" rel="stylesheet">
    <link href="css/style.min.css" rel="stylesheet">
    <link href="css/mint.min.css" rel="stylesheet" id="color-style">
    <link href="css/responsive.min.css" rel="stylesheet">
    <link href="css/demo.css" rel="stylesheet">
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-55224761-1', 'auto');
      ga('send', 'pageview');

    </script>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>
  <body id="page-top">

    <!-- begin:container -->
    <div class="container content-wrapper">

      <!-- begin:navbar -->
      <div class="content-article">
        <div class="row">
          <div class="col-md-12">
            <nav class="navbar navbar-default navbar-primary" role="navigation">
              <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button>
                  <a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="logo last sunday"></a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                  <ul class="nav navbar-nav navbar-right">
                    <li class="active"><a href="index.html">Home</a></li>
                    <li><a href="about.html">About</a></li>
                    <li><a href="contact.html">Contact</a></li>
                    <li class="dropdown">
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <span class="caret"></span></a>
                      <ul class="dropdown-menu" role="menu">
                        <li><a href="blog.html">Blog</a></li>
                        <li><a href="blog-single.html">Blog Single</a></li>
                        <li><a href="page.html">Page</a></li>
                        <li class="divider"></li>
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="portfolio-single.html">Portfolio Single</a></li>
                      </ul>
                    </li>
                  </ul>
                </div><!-- /.navbar-collapse -->
              </div><!-- /.container-fluid -->
            </nav>
          </div>
        </div>
      </div>
      <!-- end:navbar -->

      <!-- begin:slider -->
      <div class="row">
        <div class="col-md-12">
          <div class="content-article">
            <div id="home-slider" class="carousel slide" data-ride="carousel">
              <ol class="carousel-indicators">
                <li data-target="#home-slider" data-slide-to="0" class="active"></li>
                <li data-target="#home-slider" data-slide-to="1" class=""></li>
                <li data-target="#home-slider" data-slide-to="2" class=""></li>
              </ol>
              <div class="carousel-inner">
                <div class="item active">
                  <img src="img/image-slider01.jpg" alt="image slider last sunday">
                  <div class="carousel-caption">
                    <h3><small><span class="caption-meta-date">11/10</span> <span>2014</span></small> First slide label</h3>
                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                  </div>
                </div>
                <div class="item">
                  <img src="img/image-slider02.jpg" alt="image slider last sunday">
                  <div class="carousel-caption">
                    <h3><small><span class="caption-meta-date">19/10</span> <span>2014</span></small> Second slide label</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                  </div>
                </div>
                <div class="item">
                  <img src="img/image-slider03.jpg" alt="image slider last sunday">
                  <div class="carousel-caption">
                    <h3><small><span class="caption-meta-date">21/10</span> <span>2014</span></small> Third slide label</h3>
                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                  </div>
                </div>
              </div>
              <a class="left carousel-control" href="#home-slider" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
              </a>
              <a class="right carousel-control" href="#home-slider" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
              </a>
            </div>
          </div>
        </div>
      </div>
      <!-- end:slider -->

      <!-- begin:tagline -->
      <div class="row">
        <div class="col-md-12">
          <div class="content-article">
            <div class="tagline">
              <h2>Lorem ipsum dolor sit amet consectetur adipisicing elit.</h2>
              <p><strong>Lorem ipsum dolor sit amet,</strong> consectetur adipisicing elit, sed do eiusmod
              tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
              quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
              consequat. Duis aute irure </p>
              <a href="#" class="btn btn-secondary">Buy Now</a>
            </div>
          </div>
        </div>
      </div>
      <!-- end:tagline -->

      <!-- begin:main-section -->
      <div class="row">
        <!-- begin:article -->
        <div class="col-md-8">
          <!-- begin:blog-post -->
          <div class="content-article">
            <div class="row">
              <div class="col-md-5 col-sm-5 col-xs-12">
                <img src="img/image-blog-post-thumbnail-01.jpg" class="img-responsive" alt="image blog post last sunday">
              </div>
              <div class="col-md-7 col-sm-7 col-xs-12">
                <div class="blog-post">
                  <span class="label label-secondary">Writing</span>
                  <span class="meta-post-date">October 16, 2014</span>
                  <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h2>
                  <span class="meta-post-author"><strong>By</strong> <a href="#">Christopher Drew</a></span>
                  <p>tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                  consequat.</p>
                  <p><a href="#" class="btn btn-secondary btn-sm">Read more <i class="fa fa-angle-right"></i></a> <span class="meta-post-view pull-right">232 Views</span></p>
                </div>
              </div>
            </div>
            <!-- break -->
            <div class="row">
              <div class="col-md-5 col-sm-5 col-xs-12">
                <img src="img/image-blog-post-thumbnail-02.jpg" class="img-responsive" alt="image blog post last sunday">
              </div>
              <div class="col-md-7 col-sm-7 col-xs-12">
                <div class="blog-post">
                  <span class="label label-secondary">Writing</span>
                  <span class="meta-post-date">October 16, 2014</span>
                  <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h2>
                  <span class="meta-post-author"><strong>By</strong> <a href="#">Christopher Drew</a></span>
                  <p>tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                  consequat.</p>
                  <p><a href="#" class="btn btn-secondary btn-sm">Read more <i class="fa fa-angle-right"></i></a> <span class="meta-post-view pull-right">432 Views</span></p>
                </div>
              </div>
            </div>
            <!-- break -->
            <div class="row">
              <div class="col-md-5 col-sm-5 col-xs-12">
                <img src="img/image-blog-post-thumbnail-03.jpg" class="img-responsive" alt="image blog post last sunday">
              </div>
              <div class="col-md-7 col-sm-7 col-xs-12">
                <div class="blog-post">
                  <span class="label label-secondary">Writing</span>
                  <span class="meta-post-date">October 16, 2014</span>
                  <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h2>
                  <span class="meta-post-author"><strong>By</strong> <a href="#">Christopher Drew</a></span>
                  <p>tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                  consequat.</p>
                  <p><a href="#" class="btn btn-secondary btn-sm">Read more <i class="fa fa-angle-right"></i></a> <span class="meta-post-view pull-right">732 Views</span></p>
                </div>
              </div>
            </div>
            <!-- break -->

            <!-- begin:pagination -->
            <div class="row">
              <div class="col-md-12">
                <ul class="pagination">
                  <li class="disabled"><a href="#">&laquo;</a></li>
                  <li class="active"><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li>
                  <li><a href="#">&raquo;</a></li>
                </ul>
              </div>
            </div>
            <!-- end:pagination -->

          </div>
          <!-- end:blog-post -->
        </div>
        <!-- end:article -->

        <!-- begin:sidebar -->
        <div class="col-md-4">
          <!-- begin:widget-sidebar -->
          <div class="content-article">
            <div class="widget-sidebar">
              <div class="widget-title">
                <h3>Search</h3>
              </div>

              <div class="input-group">
                <input type="text" class="form-control" placeholder="Type your keyword">
                <span class="input-group-btn">
                  <button class="btn btn-secondary" type="button"><i class="fa fa-arrow-right"></i></button>
                </span>
              </div>
            </div>
            <!-- break -->
            <div class="widget-sidebar widget_recent_entries">
              <div class="widget-title">
                <h3>Recent Posts</h3>
              </div>

              <ul>
                <li><a href="#">Lorem ipsum dolor</a></li>
                <li><a href="#">Lorem dolor</a></li>
                <li><a href="#">Lorem ipsum dolor sit amet</a></li>
                <li><a href="#">Lorem ipsum</a></li>
                <li><a href="#">Lorem ipsum dolor sit</a></li>
              </ul>
            </div>
            <!-- break -->
            <div class="widget-sidebar widget_archive">
              <div class="widget-title">
                <h3>Archives</h3>
              </div>

              <ul>
                <li><a href="#">September 2014</a> <span>40</span></li>
                <li><a href="#">August</a> <span>15</span></li>
                <li><a href="#">May</a> <span>21</span></li>
                <li><a href="#">February</a> <span>73</span></li>
                <li><a href="#">January</a> <span>51</span></li>
              </ul>
            </div>
            <!-- break -->
            <div class="widget-sidebar widget_archive">
              <div class="widget-title">
                <h3>Categories</h3>
              </div>

              <ul>
                <li><a href="#">Writing</a> <span>20</span></li>
                <li><a href="#">Design</a> <span>25</span></li>
                <li><a href="#">Art</a> <span>22</span></li>
                <li><a href="#">Photography</a> <span>33</span></li>
                <li><a href="#">Web Design</a> <span>32</span></li>
              </ul>
            </div>
            <!-- break -->
          </div>
          <!-- end:widget-sidebar -->
        </div>
        <!-- end:sidebar -->
      </div>
      <!-- end:main-section -->

    </div>
    <!-- end:container -->

    <!-- begin:footer -->
    <div class="footer">
      <div class="container">
        <div class="row">
          <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="widget-footer">
              <h2><span>Last</span> Sunday.</h2>
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
              tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>
          </div>

          <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="widget-footer widget_comments">
              <div class="widget-title">
                <h3>Recent Discuss</h3>
              </div>

              <ul>
                <li><a href="#">Jane</a> On <a href="#">Lorem ipsum dolor</a></li>
                <li><a href="#">Jane</a> On <a href="#">Lorem ipsum dolor</a></li>
                <li><a href="#">Jane</a> On <a href="#">Lorem ipsum dolor</a></li>
              </ul>
            </div>
          </div>

          <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="widget-footer">
              <div class="widget-title">
                <h3>Socialize With Me!</h3>
              </div>

              <p>You can follow me at:</p>

              <ul class="social-icon">
                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                <li><a href="#"><i class="fa fa-behance"></i></a></li>
                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                <li><a href="#"><i class="fa fa-github-alt"></i></a></li>
                <li><a href="#"><i class="fa fa-foursquare"></i></a></li>
                <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                <li><a href="#"><i class="fa fa-soundcloud"></i></a></li>
                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                <li><a href="#"><i class="fa fa-vimeo-square"></i></a></li>
              </ul>
            </div>
          </div>

          <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="widget-footer">
              <div class="widget-title">
                <h3>Subscribe!</h3>
              </div>
              <p>Get update straight to your inbox.</p>
              <form role="form">
                <div class="form-group">
                  <label for="exampleInputEmail1">Email address</label>
                  <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
                </div>
                <button type="submit" class="btn btn-secondary"><i class="fa fa-envelope-o"></i> Submit</button>
              </form>
            </div>
          </div>
          
        </div>
      </div>
    </div>
    <!-- end:footer -->

    <!-- begin:copyright -->
    <div class="copyright">
      <div class="container">
        <div class="row">
          <div class="col-md-12"><a href="#page-top" class="btn btn-secondary scrolltop btn-scrolltop"><i class="fa fa-chevron-up"></i></a></div>
        </div>
        <div class="row">
          <div class="col-md-6 col-sm-6 copyright-left">
            <p>Copyright &copy; 2014 All Right Reserved.</p>
          </div>
          <div class="col-md-6 col-sm-6 copyright-right">
            <p>LastSunday by <strong><a href="http://templateninja.net" target="_blank">Templateninja.</a></strong></p>
          </div>
        </div>
      </div>
    </div>
    <!-- end:copyright -->

    <!-- begin:navbar-secondary -->
    <div class="navbar-secondary navbar-secondary-hide"></div>
    <!-- end:navbar-secondary -->
    
    <!-- begin:demo-panel -->
    <div class="demo-btn">
      <i class="fa fa-cog"></i>
    </div>
    <div class="demo-container" style="display:none;">
      <h4>Color Schemes</h4>
      <ul>
        <li class="color-option color-mint" data-color-value="mint"></li>
        <li class="color-option color-orange" data-color-value="orange"></li>
        <li class="color-option color-yellow" data-color-value="yellow"></li>
        <li class="color-option color-green" data-color-value="green"></li>
        <li class="color-option color-red" data-color-value="red"></li>
        <li class="color-option color-blue" data-color-value="blue"></li>
        <li class="color-option color-purple" data-color-value="purple"></li>
      </ul>
    </div>
    <!-- end:demo-panel -->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;language=en"></script>
    <script src="js/gmap3.min.js"></script>
    <script src="js/jquery.easing.js"></script>
    <script src="js/jquery.backstretch.min.js"></script>
    <script src="js/imagesloaded.pkgd.min.js"></script>
    <script src="js/masonry.pkgd.min.js"></script>
    <script src="js/magnificpopup.min.js"></script>
    <script src="js/script.min.js"></script>
    <script src="js/demo.js"></script>
  </body>
</html>